<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="app">
    <!--插值表达式 {{ express }} mustance 小胡子语法-->
    <p>{{ title }}</p>
    <p>插值表达式里面可以做什么？</p>
    <p>1. 书写字面量数据: 数字 字符串 bool null undefined array object
</p>
    <p>{{ 123 }}</p>
    <p>{{ 'hello world!' }}</p>
    <p>{{ true }}</p>
    <p>{{ false }}</p>
    <p>{{ null }}</p>
    <p>{{ undefined }}</p>
    <p>{{ [12, 23, 34] }}</p>
    <p>{{ {id: 1, username: 'andy', age: 23} }}</p>
</div>

</body>

<script src="lib/vue.js"></script>

<script type="text/javascript">

    console.log(Vue);

    new Vue({
        el: '#app', // css选择器 代表 vuejs 管理的区域
        data: {
            title: 'hi vuejs!',

        }, // 是一个对象，对象里面定义vuejs管理的数据
    });

</script>

</html>
